<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>jq动画</title>
	<script src="jquery-1.12.3.min.js"></script>
</head>
<body>
	<script>
	$(function(){
		"jq封装好的动画效果"
		// (毫秒,回调函数)
		// .show
		// .hide
		// 显示隐藏，淡入淡出
		//.toggle相对的隐藏或显示
		
		//.slideUp上收
		//.slideDown下出
		//上下收缩
		//有默认毫秒数，不可瞬间显示隐藏
		//.slideToggle相对隐藏或显示
		
		//.fadeOut 改变透明度消失
		//.fadeIn 改变透明度显示
		//.fadeToggle 相对显示或隐藏
		///.fadeTo(毫秒数,"多少透明度"，回调函数)
		
		"jq提供的自定义动画"
		//.animate({
			//动画效果 同时执行
		//},毫秒,回调函数)
		
		"jq终止动画"
		//.stop(x,y)如无参数只终止队列中的第一个
		//其有两个参数true false 1.是否清除队列效果，默认false 2.是否立即完成当前动画，默认false
	})
	</script>
</body>
</html>